window.onload=function(){
	var top=document.getElementById("top");
	var nav=document.getElementById("nav");
	var main=document.getElementById("main");
	//窗口滚动事件
	window.onscroll=function(){
		//如果滑动滚动条的高度大于样式本身的高度
		if(document.documentElement.scrollTop>=top.offsetHeight){
			//让其固定
			nav.style.cssText="position: fixed;top: 0px;";
			//固定后为了防止后面的元素挤上来，给下面的盒子加一个固定上高度
			main.style.marginTop=nav.offsetHeight+"px";
		}else{
			//否则回到原位
			nav.style.cssText="position: static;";
			main.style.marginTop="0px";
		}
	}
}